<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
    <head>
        <title>是什么店？You will get a big surprise!!!</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="keywords" content="surprise" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta property="wb:webmaster" content="80f3334b7ad165cc" />
        <script type="text/javascript" src="/shishenme/Public/js/jquery-1.8.1.min.js"></script>
        <script type="text/javascript" src="/shishenme/Public/js/layer/layer.min.js"></script>
        <!--
        <script type="text/javascript" src="/shishenme/Public/js/html5shiv.js"></script>
        <script type="text/javascript" src="/shishenme/Public/js/layer/html5shiv-printshiv.js"></script>
        -->
        <link rel="stylesheet" type="text/css" href="/shishenme/Public/css/style.css" />
        <link rel="stylesheet" type="text/css" href="/shishenme/Public/css/button.css" />
        <link rel="stylesheet" type="text/css" href="/shishenme/Public/css/table.css" />

        <!--
        <style type="text/css">
            input,select,textarea
            {
                background-color:#EBFFFF;
            }
        </style>
        -->
        <!--
        <style type="text/css">
            
            input,select,textarea{
                border-radius:6px;
                border:1px solid #909090;
                -webkit-transition: box-shadow 0.30s ease-in-out;   //只让box-shadow属性做过渡效果！
                -moz-transition:  box-shadow 0.30s ease-in-out;      //firefox
            }
            input :focus{
                outline:none;
                border:#87C6F9 1px solid;
                box-shadow: 0 0 8px rgba(103, 166, 217, 1);
            }
            
        </style>
-->

        <script type="text/javascript">
            /*
             $(function() {
             
             //alert("load");
             $("#login-link").click(function() {
             //layer.alert(window.document.location.pathname);
             $.layer({
             type: 2,
             shade: [0],
             fix: false,
             title: '用户登录',
             maxmin: true,
             iframe: {src: '/shishenme/login.html'},
             area: ['320px', '220px'],
             close: function(index) {
             //layer.msg('您获得了子窗口标记：' + layer.getChildFrame('#username', index).val(), 3, 1);
             //alert(layer.getChildFrame('#username', index).val());;
             }
             });
             });
             
             $("#register-link").click(function() {
             //layer.alert(window.document.location.pathname);
             
             $.layer({
             type: 2,
             shade: [0],
             fix: false,
             title: '用户登录',
             maxmin: true,
             iframe: {src: '/shishenme/register.html'},
             area: ['500px', '300px'],
             close: function(index) {
             //layer.msg('您获得了子窗口标记：' + layer.getChildFrame('#username', index).val(), 3, 1);
             //alert(layer.getChildFrame('#username', index).val());;
             }
             });
             
             });
             });
             */
        </script>
    </head>
    <body>
        <div id="header">
            <div id="logo">
                logo
            </div>
            <div id="login-btn">
                  <a href="/shishenme/index.php/Home/Admin/login/" id="admin-link">管理</a>
                <!--
              
                <a href="#" id="register-link">register</a>
                -->
                <!--
                <a href="#" id="login-link"><img height="61" width="188" src="/shishenme/Public/images/login-1.png"  alt="See what your surprise will be !" /></a>
                <a href="#" id="register-link"><img height="61" width="188" src="/shishenme/Public/images/register-1.png"  alt="See what your surprise will be !" /></a>
                -->
            </div>
            <div id="menu">
                <!--
               <hr style="border:0;background-color:#34B558;height:2px;"/>
                -->
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Order/index/"><img id="menu-item-order" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>订单</p>
                </div>
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Faq/index/"><img id="menu-item-faq" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>问答</p>
                </div>
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Contact/index/"><img id="menu-item-contact" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>关于</p>
                </div>
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Index/index/"><img id="menu-item-index" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>首页</p>
                </div>
            </div>

        </div>


<div id="main">
    <!--  STEP THREE: insert CU3ER div container *mobanwang.com-->
    <!--
    <div id="cu3er-container">
        <a href="http://www.adobe.com/go/getflashplayer">
            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
        </a>
    </div>
    -->
    <div class="device">
        <a class="arrow-left" href="#"></a> 
        <a class="arrow-right" href="#"></a>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"> <img src="/shishenme/Public/images/liwu-1.png"> </div>
                <div class="swiper-slide"> <img src="/shishenme/Public/images/liwu-2.png"> </div>
                <div class="swiper-slide"> <img src="/shishenme/Public/images/liwu-3.png"> </div>
                <div class="swiper-slide"> <img src="/shishenme/Public/images/liwu-4.png"> </div>
                <div class="swiper-slide"> <img src="/shishenme/Public/images/liwu-5.png"> </div>
<!--
                <div class="swiper-slide">
                    <div class="content-slide">
                        <p class="title">为你的礼物选择一个价格</p>
                        <p>选择</p>
                    </div>
                </div>-->

            </div>
        </div>
        <div class="pagination"></div>
    </div>
    <div id="price_form">
        <br/>
        <!--
        <img src="/shishenme/Public/images/minus.png"  id="munus-pic" style="vertical-align:middle;cursor:pointer;" alt="minus" />
        -->
        <!-- 
        input.text{text-align:center;padding:10px 20px;width:100px;}  
        -->
        <input name="price" id="price" class="text" type="text" value="" style="text-align:center;padding:10px 20px;width:100px;" onkeyup="this.value = this.value.replace(/\D/g, '')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
        <!--
        <img src="/shishenme/Public/images/plus.png"  id="plus-pic" style="vertical-align:middle;cursor:pointer;" alt="plus" />
        -->
        <br/><br/>
        <!--<input class="button blue" id="submit-pic" type="button" value="Order" />-->
         <button class="button blue" id="submit-pic">下单</button>
        <!--
        <img src="/shishenme/Public/images/accept.png"  id="submit-pic" style="vertical-align:middle;cursor:pointer;" width="50" height="50" alt="plus" />
        -->
    </div>
</div>

      <div id="footer">
            Copyright@ 宜昌德诺信息科技有限公司 鄂ICP备15005450号 版权所有
        </div>

    </body>
</html>

<script src="/shishenme/Public/js/idangerous.swiper.min.js"></script>


<!--  STEP ONE: insert path to SWFObject JavaScript -->
<!--
<script type="text/javascript" src="/shishenme/Public/js/swfobject/swfobject.js"></script>
-->
<!--  STEP TWO: configure SWFObject JavaScript and embed CU3ER slider -->
<!--
<script type="text/javascript">
            var flashvars = {};
            flashvars.xml = "config.xml";
            flashvars.font = "font.swf";
            var attributes = {};
            attributes.wmode = "transparent";
            attributes.id = "slider";
            swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "300", "9", "expressInstall.swf", flashvars, attributes);
</script>
-->
<link rel="stylesheet" type="text/css" href="/shishenme/Public/css/style.css" />
<link rel="stylesheet" type="text/css" href="/shishenme/Public/css/button.css" />
<link rel="stylesheet" type="text/css" href="/shishenme/Public/css/slider.css" />
<script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container', {
        pagination: '.pagination',
        loop: false,
        grabCursor: true,
        paginationClickable: true
    })

    $('.arrow-left').on('click', function(e) {
        /*
        if ($("input[name='price']").val() == 100) {
            e.preventDefault();
            return;
        }
        */
        //minusPrice();
        e.preventDefault();
        mySwiper.swipePrev();
    })

    $('.arrow-right').on('click', function(e) {
        /*
        if ($("input[name='price']").val() == 500) {
            e.preventDefault();
            return;
        }
        */
        e.preventDefault();
        mySwiper.swipeNext();
        //plusPrice();
    })
/*
    function minusPrice() {
        if ($("input[name='price']").val() - 100 <= 0) {
            $("input[name='price']").val(0);
        } else {
            $("input[name='price']").val($("input[name='price']").val() - 100);
        }
    }

    function plusPrice() {
        $("input[name='price']").val(Number($("input[name='price']").val()) + 100);
    }
*/
    $(document).ready(function() {
        $("#menu-item-order").attr("src", "/shishenme/Public/images/menu-item-blue.png");
        
        $("#price").val(100);
        /*
        $('.arrow-left').trigger("click");
        $('.arrow-right').trigger("click");
        */
        /*
         $("#munus-pic").click(function() {
         
         });
         
         $("#plus-pic").click(function() {
         
         });
         */

        $("#submit-pic").click(function() {
            // layer.alert("填寫收貨人信息");
            window.location.href = "/shishenme/index.php/Home/Order/order-info/";
            /*
             $.layer({
             type: 2,
             shade: [0],
             fix: false,
             title: 'iframe子父操作',
             maxmin: true,
             iframe: {src: 'order-info.html'},
             area: ['800px', '440px'],
             close: function(index) {
             layer.msg('您获得了子窗口标记：' + layer.getChildFrame('#username', index).val(), 3, 1);
             }
             });
             */
            /*
             var pageii = $.layer({
             type: 1,
             title: false,
             area: ['auto', 'auto'],
             border: [0], //去掉默认边框
             shade: [0], //去掉遮罩
             closeBtn: [0, true], //去掉默认关闭按钮
             shift: 'top', //从左动画弹出
             page: {
             html: '<div style="width:920px; height:660px; padding:20px; border:1px solid #ccc; background-color:#eee;">' +
             '<div style="width:850px; height:8px; line-height: 8px;padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-bottom: 2px;">' +
             '填写订单信息' +
             '</div>' +
             '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">' +
             '   <p>发件人信息</p>' +
             '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>' +
             ' </div>' +
             '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">' +
             '   <p>收件人信息</p>' +
             '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>' +
             '</div>' +
             '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">' +
             '   <p>Something about the reciver</p>' +
             '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>' +
             ' </div>' +
             '<div style="width:850px; height:18px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-top: 2px;margin-bottom: 15px;">' +
             '   <button id="pagebtn" class="btns" onclick="">关闭</button>' +
             '</div>' +
             ' </div>'
             }
             });
             
             //自设关闭
             $('#pagebtn').on('click', function() {
             layer.close(pageii);
             });
             */
        });
    });

</script>